<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>待收货</title>
    <link rel="stylesheet" href="./../../assets/css/base.css">
    <link rel="stylesheet" href="./../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="./../../assets/css/payment.css">
</head>
<body>
    <div class="flow banxin">
        <div class="flow-top">
            <p class="ft-title">
                <span>等待付款</span>
                <span>等待发货</span>
                <span>等待确认收货</span>
                <span>交易成功</span>
            </p>
            <p class="ft-circle">
                <span class="circle"><i></i><span class="pencil"></span></span>
                <span class="circle"><i></i><span class="pencil"></span></span>
                <span class="circle"><i></i></span>
                <span class="circle"></span>
            </p>
            <p class="flow-time">
                <span>2017-11-10 16:27:08</span>
                <span>2017-11-10 16:27:08</span>
                <span>2017-11-10 16:27:08</span>
                <span>2017-11-10 16:27:08</span>
            </p>
        </div>
        <div class="flow-bot">
            <p class="fb-stu">当前订单状态：<span style="color:#F60;">仓库已发货，等待买家确认收货</span><span class="djs"><img src="./../../assets/img/clock.svg" alt="">0天23小时59分59秒后， 系统将关闭交易</span></p>
            <p class="fb-p">1、如果对交易无疑义，您可以<button>确认收货</button></p>
            <p class="fb-p">2、请重点关注系统确认的剩余时间，如果仓库没有按时完成，请及时
            <a href="#" style="color:#39C;">申请退款</a></p>
        </div>
    </div>
    <div class="tabDiv banxin">
        <ul class="tabs">  
            <li class="active"><span id="#tab1">订单信息</span></li><li><span id="#tab2">物流信息</span></li>  
        </ul>  
    </div>
    <div class="tab_container banxin">  
            <div id="tab1" class="tab_content" style="display: block; ">
                <div class="delivery">
                    <p style="font-size:16px;font-weight:700;">收货信息</p>
                    <p>订单号：88680940126704983</p>
                    <p>支付方式：支付宝</p>
                    <p>支付交易号：64781634763461431413</p>
                    <p>收货人：陈晨</p>
                    <p>收货地址：天津 天津市 河西区 桃园街道 桃花村（200231）</p>
                    <p>手机：15893233911</p>
                    <p>电话：021-74143322</p>     
                    <p>自定义订单号：88680940126704983</p>               
                </div>
                <div class="warehouse">
                    <p style="font-size:16px;font-weight:700;">发货仓信息</p>
                    <p>仓库名：上海一仓</p>
                    <p>仓库地址：上海</p>
                    <p>联系方式：021-50588886-803（周一～周五：早9:00～下午18：00）</p>
                    <p>客服：<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=380828752&site=qq&menu=yes"><img border="0" src="./../../assets/img/qq.svg" alt="点击这里给我发消息" title="点击这里给我发消息"/>380828752</a>
                    （周一～周五：早9:00～下午18:00）</p>           
                </div>
                <div class="goods-table">
                    <div class="table-title">
                        <div style="width:320px;">商品</div>
                        <div style="width:170px;">单价</div>
                        <div style="width:110px;">数量</div>
                        <div style="width:150px;">优惠</div>
                        <div style="width:195px;">货品状态</div>
                        <div style="width:140px;">货品总价(元)</div>
                    </div>
                    <div class="detail-left sn-clr">
                        <ul>
                           <li>
                            <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                            <div class="left-text">
                                <div class="pro-detail">
                                    <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                    <p>货号：367141-431</p>
                                    <p>尺码：7.5(36.5)</p>
                                </div>                                
                                <span class="detail-price">248.00</span>
                                    <span class="detail-count">1</span>
                                    <span class="promotion">-</span>
                                    <div class="state">
                                        <span>未确认收货</span><br>
                                        <a href="#" style="color:#39C;">确认收货</a>
                                    </div>          
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                            <div class="left-text">
                                <div class="pro-detail">
                                    <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                    <p>货号：367141-431</p>
                                    <p>尺码：7.5(36.5)</p>
                                </div>                                
                                <span class="detail-price">248.00</span>
                                    <span class="detail-count">1</span>
                                    <span class="promotion">-</span>
                                    <div class="state">
                                        <span>未确认收货</span><br>
                                        <a href="#" style="color:#39C;">确认收货</a>
                                    </div> 
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./../../assets/img/jx-xz.png" alt=""></a>
                            <div class="left-text">
                                <div class="pro-detail">
                                    <a href="#"><h3>ZUPPER进口弹力透气仿真胸肌短袖t恤男假肌肉增肥衣服隐形内衣潮</h3></a>
                                    <p>货号：367141-431</p>
                                    <p>尺码：7.5(36.5)</p>
                                </div>                                
                                <span class="detail-price">248.00</span>
                                    <span class="detail-count">1</span>
                                    <span class="promotion">-</span>
                                    <div class="state">
                                        <span>未确认收货</span><br>
                                        <a href="#" style="color:#39C;">确认收货</a>
                                    </div>       
                            </div>
                        </li>
                        </ul>
                    </div>  
                    <div class="price-sum">3480.00</div>       
                </div>
                <div class="pg-bot">
                    <p>运费：<span>70.00</span>元</p>
                    <p>已付款：<span style="color:#F60;">0</span>元</p>
                </div>
                <div class="words">
                    <h3>留言</h3>
                    <p>留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言留言</p>
                </div>
            </div>
            <div id="tab2" class="tab_content" style="display: none; font-size:13px;">暂无该笔订单的物流信息，你可以联系客服了解货品发货状态</div>
    </div>
</body>
<script src="./../../assets/build/sportjx.js"></script>
<script src="./../../assets/build/mainsite.js"></script>
<script src="./../../assets/build/js/payment.js"></script>
</html>